// 集中在这里定义一些变量，代码块(类函数)，其他less文件直接引用

// 在这里定义一些颜色，方便后期改色，或增加多套主题
@alpay-blue: #1677ff;
@hover-color: #1677ff;
@tag-back-color: #fff;
@icon-width: 30px;
@nav-height: 50px;
@weixin-green: #2ba245;
// 从背景图bg8中取得色卡
// 色卡链接 https://image.mdashen.com/pic/image-20200917204251386.png
@bg8-green: #84bf93;
@bg8-yellow: #d9cb84;
@bg8-three: #bf8c60;
@bg8-four: #8c543f;
@bg8-five: #a64c38;
// 上面颜色相应的补色 取补色参考链接：https://color.adobe.com/zh/create/color-wheel
@bg8b-purple: #ef52fa;
// 下面定义一些less代码

// 居中的一个代码块方
.center() {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 大块用的居中@width是百分比
.margin-center(@width) {
  width: @width;
  margin-left: auto;
  margin-right: auto;
}

.abs-center() {
  // 使用此，请给上一层加 position:relative
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

// 显示@line行，多余内容显示...
.ellipsis(@line) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  white-space: normal;
  text-overflow: ellipsis;
  // 允许打断单词进行换行
  word-break: break-all;
}
